<!--
  Generated template for the RegisterPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

    <ion-navbar>
        <ion-title>register</ion-title>
    </ion-navbar>

</ion-header> -->


<ion-content style="text-align:center;">
    <ion-row class="top-title" style="">
        <ion-col>
            <div style="color:#ae7f47;">开启心愿交友之旅</div>
            <hr class="HR" style="" />
            <ion-list>
                <ion-input class="username" type="number" placeholder="手机号" [(ngModel)]="registerData.phone"></ion-input>
                <ion-input class="password" type="password" placeholder="请输入密码" [(ngModel)]="registerData.password">
                </ion-input>
                <ion-input class="password1" type="text" placeholder="请输入验证码" [(ngModel)]="registerData.verificationCode">
                </ion-input>
                <button class="codebtn" [ngStyle]="codebtn" id="codebtn" item-right ion-button color="jinse" round (click)="getCode()" style="">{{verifyCode.verifyCodeTips}}</button>
                <!-- <a class="" color="primary" (click)="sendCode()">{{"获取验证码"+"("+time+")"}}</a> -->
            </ion-list>
            <button class="button_login" ion-button color="jinse" (click)="registerUser()" [ngStyle]="submitbtn" id="submitbtn">注册</button>
        </ion-col>
    </ion-row>
</ion-content>
<ion-footer>
    <ion-toolbar class="footer" color="cunwhite">
        <ion-row>
            <ion-col>
                <div style="color:#898989;">
                    有账号了？
                    <a class="register" style="color:#ae7f47;" (click)="tologin()">登录</a>
                </div>
            </ion-col>
        </ion-row>
    </ion-toolbar>
</ion-footer>